import React from "react"
import ReactDOM from "react-dom"
import "./index.css"
import GaojieZujian from "./GaojieZujian"
import Hello from "./Hello"
import Comment from "./Comment"
import Zujian from "./zujian";
import Props from "./Props"
import App from "./ZujianFuyong";
const isLoading = true
const loadData = () => {
    return isLoading?(<div>loading....</div>) : <div>No loading...</div>
}
const songs = [
    {id:1,name:"wwx1"},
    {id:2,name:"wwx2"},
    {id:3,name: "wwx3"}
]
const list = (
    <ul>
        {songs.map(item => <li key={item.id}>{item.name}</li>)}
    </ul>
)
// class App extends React.Component {
//     state = {
//         count:0,
//         txt:"",
//         content : "",
//         city:"bj"
//     }
//     handeChank = e => {
//         const target = e.target
//         const value = target.type == 'checkbox' ? target.checkbox : target.value
//         const name = target.name
//         this.setState({
//             [name] : value
//         })
//         console.log([name])
//     }
//     render() {
//         return (
//             <div>
//                 <input type="text" name="txt" value={this.state.txt} onChange={this.handeChank}/><br/>
//                 <textarea name="content" value={this.state.content} onChange={this.handeChank} /><br/>
//                 <select name="city" value={this.state.city} onChange={this.handeChank}>
//                     <option value="sh">上海</option>
//                     <option value="bj">北京</option>
//                     <option value="gz">广州</option>
//                 </select>
//             </div>
//         );
//     }
// }
// const title = <h1 className="title" style={{color:'red',backgroundColor:'blue"'}}><App /></h1>



ReactDOM.render(
    <GaojieZujian />,
    document.getElementById('root')
);
